<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
*{margin:0;padding:0;}

</style>
</head>

<body>
<div id="myDiv" style=""></div>
	<script>
		//link
   		function loadStyles(url){
			
			var link=document.createElement('link');
			
			link.rel='stylesheet';	
			link.type='text/css';
			link.href=url;
			
			var head=document.getElementsByTagName('head')[0];
			
			head.appendChild(link);
			
		};
		
		loadStyles('styles.css');
		
		//style
		function loadStyleString(css){
			
			var style=document.createElement('style');
			
			style.type='text/css';
			
			try{
				style.appendChild(document.createTextNode(css));	
			}catch(ex){
				style.styleSheet.cssText=css;
			};	
			
			var head=document.getElementsByTagName('head')[0];
			
			head.appendChild(style);
		};
		
		loadStyleString('body{border:10px solid #000;}');
		
		
		
    </script>
</body>
</html>
